<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>管理收货地址</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<script src="../js/flexible.js"></script>
<link href="../css/icons.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" type="text/css" href="../css/component.css" />
<link rel="stylesheet" type="text/css" href="../css/member.css" />
<link rel="stylesheet" type="text/css" href="../css/address.css">
</head>
<body class="pay">

<div class="head">
	<button class="md-close back"><i class="iconfont">&#xe617</i></button>
	<h2 >管理收货地址</h2>
</div>
<div class="addlist">
	<ul>
		<li><i class="iconfont on">&#xe621</i>
			<div class="addinfo">
				<dl class="name">
					<dt>收件人：</dt>
					<dd>张三胖</dd>
					<dd class="tel num">13666666666</dd>
				</dl>
				<dl class="add">
					<dt>收货地址：</dt>
					<dd>重庆市  江北区</dd>
					<dd class="addsub"> 观音桥附1号融恒时代广场26楼观音桥附1号融恒时代广场26楼</dd>
					<div class="clearfix">
					</div>
				</dl>
			</div>
		</li>
		<li><i class="iconfont on">&#xe621</i>
			<div class="addinfo">
				<dl class="name">
					<dt>收件人：</dt>
					<dd>张三胖</dd>
					<dd class="tel num">13666666666</dd>
				</dl>
				<dl class="add">
					<dt>收货地址：</dt>
					<dd>重庆市  江北区</dd>
					<dd class="addsub"> 观音桥附1号融恒时代广场26楼观音桥附1号融恒时代广场26楼</dd>
					<div class="clearfix">
					</div>
				</dl>
			</div>
		</li>
		<li class="on">
			<i class="iconfont on">&#xe621</i>
			<div class="addinfo">
				<dl class="name">
					<dt>收件人：</dt>
					<dd>张三胖</dd>
					<dd class="tel num">13666666666</dd>
				</dl>
				<dl class="add">
					<dt>收货地址：</dt>
					<dd>重庆市  江北区</dd>
					<dd class="addsub"> 观音桥附1号融恒时代广场26楼观音桥附1号融恒时代广场26楼</dd>
					<div class="clearfix">
					</div>
				</dl>
			</div>
		</li>
	</ul>
</div>
<div class="submit">
	<a href="#" class="md-trigger "  data-modal="modal-3">
	新增收货地址
	</a>
</div>


<!--新增收货地址-->
<div class="md-modal md-effect-2" id="modal-3">
	<div class="md-content">
		<div class="head">
			<button class="md-close back"><i class="iconfont">&#xe617</i></button>
			<h2 >新增收货地址</h2>
		</div>
		<div class="page pdt10 member">
			<form id="loginForm" class="mlogin " action="" method="post">
				<div class="field autoClear">
					<div class="label">
						收件人
					</div>
					<div class="field-control">
						<input type="text" class="input-required" name="name" placeholder="请收件人的真实姓名" value="" id="name">
					</div>
				</div>
				<div class="field autoClear">
					<div class="label">
						手机号码
					</div>
					<div class="field-control">
						<input type="text" class="input-required" name="mobile" placeholder="请收件人的手机号码" value="" id="mobile">
					</div>
				</div>
				<div class="field autoClear">
					<div class="label">
						省市地区
					</div>
					<div class="field-control">
						<input type="text" class="input-required" name="username" readonly placeholder="请输入您注册时使用的手机号" value="" id="demo2">
						<input id="value2" type="hidden" />
					</div>
				</div>
				<div class="field autoClear">
					<div class="label">
						详细地址
					</div>
					<div class="field-control">
						<input type="text" class="input-required" name="username" placeholder="请输入您注册时使用的手机号" value="" id="username">
					</div>
				</div>
			</form>
		</div>
		<div class="submit">
			<a href="#">
			保存收货地址
			</a>
		</div>
	</div>
</div>
</body>
<!-- 弹框 -->
<script src="../js/classie.js"></script>
<script src="../js/modalEffects.js"></script>
<!-- Swiper JS -->
<div class="md-overlay">
</div>
<script src="../js/address.js"></script>
<script>
    var area2 = new LArea();
    area2.init({
        'trigger': '#demo2',
        'valueTo': '#value2',
        'keys': {
            id: 'value',
            name: 'text'
        },
        'type': 2,
        'data': [provs_data, citys_data, dists_data]
    });
    </script>
</html>